var vm =new Vue({
    el:'#app',
    data:{
        messages: "vue测试"
    }
})

/**
 * 获取值number值
 * @type {Vue}
 */
var vm1 =new Vue({
    el:'#vueButtons',
    data:{

    },
    methods:{
        getaxios: function (numbers) {
            vm2.getaxios(numbers);
            vm3.setMessage(numbers+"连");

        },
        getDefault: function (){
            vm2.getDefault();
            vm3.setMessage("抽卡卡池");

        }
    }

})
/**
 * 设置提示信息
 * @type {Vue}
 */
var vm3 = new Vue({
    el:'#div1',
    data:{
        message: '抽卡卡池',
    },
    methods:{
        setMessage: function (message) {
            this.message = message;
        }
    }
})

/**
 * drawCardPage
 * 获取json数据
 * @type {Vue}
 */
var vm2 = new Vue({
    el:'#drawCardPage',
    data:{
        cardinfos: null
    },
    methods:{
      getaxios: function (numbers) {
          axios
              .get('/ajax/getcards',{
                  params:{
                      number : numbers
                  }
              })
              .then(response => (this.cardinfos = response))
              .catch(function (error) { // 请求失败处理
                  console.log(error);
              });
      },
      getDefault: function () {
          axios
              .get('/ajax/index'
              )
              .then(response => (this.cardinfos = response))
              .catch(function (error) { // 请求失败处理
                  console.log(error);
              });
      }
    },
    mounted(){
        axios
            .get('/ajax/index')
            .then(response => (this.cardinfos = response))
            .catch(function (error) { // 请求失败处理
                console.log(error);
            });
    }
})